<template>
  <div class="area-warp" :style="{padding:(padding ? '15px 15px 0 15px' : '0')}">
    <slot></slot>
  </div>
</template>
<script>
export default {
  props: ["padding"]
};
</script>
<style lang="less" scoped>
@import "../../assets/less/color.less";
.area-warp {
  margin-bottom: 15px;
  background: @cl-area-bg;
  border-radius: 2px;
  overflow: hidden;
}
</style>
